<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      .my_animation {
        animation: my_animation 200ms ease;
        animation-direction: alternate;
        animation-iteration-count: infinite;

      }
      @keyframes my_animation {
        from { color: black; }
        to { color: red; }
      }
    </style>
    <script>
      window.addEventListener('animationiteration', function() {
        window.top.onAnimationIterationInGrandchild();

        // Remove ourselves from the frame tree, exercising the scenario
        // that used to lead to a crash in https://crbug.com/776407.
        window.top.document.getElementById('oopif').remove();
      });
    </script>
  </head>
  <body>
    <p class="my_animation">Css animation <span id="my_animation">here</span></p>
  </body>
</html>
